<template>
	<div class="review-content">
		<div class="head">
			<span class="title">
				佣金审核详情
			</span>
			<div class="right-btn">
				<el-button plain @click="goBack">
					{{ $t('common.back') }}
				</el-button>
			</div>
		</div>
		<CommissionDetail :detailData="detailData" />
	</div>
</template>

<script>
import list from '@/mixins/list'
import CommissionDetail from '@/components/Funds/Commission/detail'
export default {
	components: {
		CommissionDetail
	},
	mixins: [list],
	props: {
		detailData: {
			type: Object,
			required: true
		}
	},
	data() {
		return {}
	},
	methods: {
		goBack() {
			this.$emit('goBack')
		}
	}
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog__header {
	text-align: center;
	color: #909399;
	font-weight: 700;
}
.review-content {
	margin: 24px 16px 20px 16px;
	color: #666666;
	.head {
		height: 70px;
		line-height: 70px;
		width: 100%;
		background: #000;
		border-radius: 2px;
		padding: 0 30px;
		.title {
			font-weight: 600;
			color: rgb(192, 190, 190);
		}
		.right-btn {
			float: right;
		}
	}
}
</style>
